<template>
  <q-drawer
    v-model="leftDrawerOpen"
    bordered
    :width="240"
    :mini="miniState"
    @mouseenter="miniState = false"
    @mouseleave="miniState = true"
    mini-to-overlay
  >
    <q-list>
      <!-- 菜单 -->
      <MenuListPage :menuList="root_routes" />
    </q-list>
  </q-drawer>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import MenuListPage from './menuList.vue'
import { root_routes } from 'src/router/routes'
defineOptions({
  name: 'MenuPage',
})

const miniState = ref(true)
const leftDrawerOpen = defineModel('leftDrawerOpen', {
  type: Boolean,
  default: false,
})
</script>

<style scoped></style>
